<template>
	<view class="card_tetle">
		<text class="tip_title">{{title}}</text>
		<view class="tip_icon" @click="handleClick">
			<text>{{tip}}</text>
			<image src="/pagesA/static/details/youjiantou.svg" mode="" class="more_icon"></image>
		</view>
	</view>
</template>

<script setup>
	// import { defineProps, defineEmits } from 'vue';
	const porps = defineProps({
		title:{type:String,default:''},
		tip:{type:String,default:''}
	})
	// 定义可触发的事件
	const emit = defineEmits(['jump']);
	const handleClick = ()=>{
		emit('jump')
	}
</script>

<style lang="less" scoped>
	.card_tetle {
		display: flex;
		justify-content: space-between;
		align-items: center;
	
		.tip_title {
			font-family: PingFangSC-Semibold;
			font-size: 32rpx;
			color: #000000;
			line-height: 36rpx;
			font-weight: 600;
		}
	
		.tip_icon {
			font-family: PingFangSC-Regular;
			font-size: 24rpx;
			color: #999999;
			text-align: right;
			line-height: 30rpx;
			font-weight: 400;
			display: flex;
			align-items: center;
	
			.more_icon {
				margin-left: 8rpx;
				width: 24rpx;
				height: 24rpx;
			}
		}
	}
</style>